﻿@using xConnected.Common.ExpertProfile
@using xConnected.Common.Project
<div data-bind="with: position">
    <div data-bind="with: workingPosition">
        <div class="well">
            <div class="row-fluid">
                <div class="pull-right">
                    <a class="btn btn-small" data-bind="visible: $root.position.editDeleteNewButton, click: function(){ $root.position.selectEdit($root.position.workingPosition()); }">
                        <i class="icon-pencil"></i>
                    </a>
                    <a class="btn btn-small" style="margin-right: 5px;" data-toggle="modal" href="#DeletePositionDialog" data-bind="visible: $root.position.editDeleteNewButton" ><i class="icon-trash"></i></a>
                </div>
            </div>
            <div class="row-fluid">
                <h3 id="NameProfileViewMode" data-bind="text: Title" class="span6"></h3>
            </div>
            <div class = "row-fluid" data-bind="html: Description" class="span6"></div>
        </div>
        <hr/>
        <div class="row-fluid">
            <span class="span4"><strong>@Resources.Country</strong></span>
            <span class="span6" data-bind="with:Country"><span data-bind="text:Description"></span></span>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@ProjectRes.Location</strong></span>
            <span data-bind="text: Location" class="span6"/>
        </div>
    </div>
</div>
<div style="height: 150px; width: 250px; margin-bottom: 10px; margin-left: 298px" id="locationProjectViewMode"></div>
<div data-bind="with: position">
    <div data-bind="with: workingPosition">
        <div class="row-fluid">
            <span class="span4"><strong>@ProjectRes.StartDate</strong></span>
            <span data-bind="text: StartDate" class="span6"/>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@ProjectRes.Duration</strong></span>
            <span data-bind="text: Duration" class="span6"/>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@ProjectRes.ContractType</strong></span>
            <span data-bind="text: JobTypeText" class="span4"/>
        </div>
        <div class="row">
            <span class="span3"><strong>Industry</strong></span>
            <span class="span6" data-bind="with: Industry"><span data-bind="text: Description"></span></span>
        </div>
        <div class="row-fluid">
            <span><strong class="span4">@Resources.Categories</strong></span>
            <ul data-bind="foreach: Categories"class="btn-toolbar">
                <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Description"></a></li>
            </ul>
        </div>
        <div class="row-fluid">
            <span><strong class="span4">@ProjectRes.Technologies</strong></span>
            <ul data-bind="foreach: Technologies"class="btn-toolbar">
                <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Name"></a></li>
            </ul>
        </div>
    </div>
</div>
<hr/>